import 'package:flutter/material.dart';

/**
 * 三种布局
 *
 */
class LayoutWidget extends StatelessWidget {
  const LayoutWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('三种布局'),
        centerTitle: true,
        backgroundColor: Colors.deepPurple,
      ),

      ///单组件布局---------------------------------
      body: Center(
        //多组件布局
        child: Column(
          children: [
            Text(
              'data',
            ),
            Text(
              'data',
              style: TextStyle(
                fontSize: 200,
              ),
            ),
            Text(
              'data',
            ),
            //多组件布局
            Row(
              children: [
                Text('Row文本'),
                Text('Row文本'),
                Text('Row文本'),
              ],
            ),
            Center(
              child: Image.asset(
                'images/s227.png',
                height: 120,
                width: 120,
              ),
            )
          ],
        ),
      ),
    );
  }
}
